<template>
  <el-container class="layout-container">
  <headerXbz></headerXbz>
    <el-container>
      <mainXbz LocationList="登录页" >
        <lagXbz></lagXbz>
      </mainXbz>
    </el-container>
    <footer-xbz></footer-xbz>
  </el-container>
</template>

<script lang="ts">
//这里在使用相关的回调函数时需要先引入
import {defineComponent, reactive} from 'vue';
//每次注册的时候需要引入包
import headerXbz from "../components/Header.vue";
import mainXbz from "../components/Main.vue"
import footerXbz from "../components/Footer.vue"
import lagXbz from "../components/LoginandReg.vue"
export default defineComponent({
  name: 'login',
  //这个是注册组件
  //入口函数
  components: {
    headerXbz,
    mainXbz,
    footerXbz,
    lagXbz
  },
  setup() {
    const LocationList=reactive<string[]>(['登录页'])
    return {
      LocationList
    }

  }
});
</script>

<style scoped>
.layout-container{
  position: absolute;
  height: 1300px;
  width: 100%;
  overflow:hidden;
}
</style>
